.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
#header-calendar{
  width:1.02rem;
  height:1.16rem;
  background-image: url("../img/index/calendar.png");
  background-size:1.02rem 1.16rem;
  position: absolute;
  top:1.12rem;
  left:0.63rem;
  div{
    color:#e8b958;
    width:0.56rem;
    height:0.40rem;
    position:absolute;
    top:0.54rem;
    left:0.24rem;
    p{
      font-size:0.38rem;
      text-align:center;
    }
  }
}
 header {
  width:7.50rem;
  height:3.31rem;
   position: relative;
   margin-bottom:0.17rem;
  #banner-image{
    width:7.50rem;
    height:3.31rem;
  }
   div{
     position:absolute;
     top:2.63rem;
     left:1.26rem;
     p{
       color:#e8b958;
       font-size:0.16rem;
     }
   }
 }
.section-one{
  height:0.93rem;
  #section-left{
    position:relative;
    width:1.17rem;
    float:left;
    height:1.10rem;
  #king-image{
      display:block;
      width:0.71rem;
      height:0.56rem;
      position:absolute;
      left:50%;
      top:50%;
      margin-left:-0.355rem;
      margin-top:-0.28rem;
      p{
        text-align:center;
        width:0.71rem;
        line-height:0.56rem;
        font-size:0.47rem;
        color:#e8b958;
      }
    }
  }
  #about-wine{
    width:6.33rem;
    height:1.10rem;
    float:right;
    border-bottom:0.01rem #999999 solid;
  }
}
#red-wine-name{
  float:left;
  width:5.95rem;
  p{
    font-size:0.25rem;
    line-height:0.54rem;
    color:#373b3e;
    font-weight: bold;
  }
  #public-ranking{
    border-right:solid #cccccc 1px;
    margin-left:-0.13rem;
  }
  span{
    display:inline-block;
    color:#747479;
    padding:0 0.13rem;
    font-size:0.18rem;
    margin-top:0.12rem;
  }
}
#three-spot{
  margin-top:0.21rem;
  float:right;
  width:0.38rem;
  height:0.50rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: flex-start;
  #spot-one,#spot-two,#spot-three{
    width:0.07rem;
    height:0.07rem;
    background-color: #999999;
    border-radius:50%;
  }
  #spot-two{

  }
}

